<!--只是新闻详情-->
<div ng-controller="detailCtrl" style="background: #f6f6f6">
    <div class="detailNews">
    <div-divider></div-divider>
    <!--首页推荐存在-->
        <div ng-if="modules.length!=0&&detailData.title" class="wrap">
            <div class="detailContes contentsBg" style="overflow: hidden;background: #f6f6f6;padding: 0 5px;">
                <div class="conWidth mianConLeft" style="background: #ffffff;padding: 0 0.2rem">
                    <!--头部-->
                    <div class="detailHeaTi">
                        <div class="detailHeaTi-title">{{detailData.title}}</div>
                        <p class="detailHeaTi-con">
                            <span>{{detailData.source}}</span>
                            <span>{{detailData.publishtime}}</span>
                        </p>
                        <div class="detailHeaTi-con-descrip">
                            <p class="detailHeaTi-con-read">阅读（<span style="color:#fc9105 ">{{detailData.countClick}}</span>）</p>
                            <div class="detailHeaTi-con-icon">
                                <p class="detailHeaTi-greOne" ng-click="detaiScalFontSize()"><img src="static/10.png"></p>
                                <p class="detailHeaTi-greTwo" ng-click="detaiScalFontSize()"><img src="static/11.png"><span>{{detailData.countDiscuss}}</span></p>
                            </div>
                        </div>

                    </div>
                    <div ng-if="detailData.attAbstract"><p>"</p><p class="detailDescript">{{detailData.attAbstract}}</p><p style="text-align: right">"</p></div>
                    <!--详情-->
                    <div ng-bind-html="trustHtml"></div>
                    <!--评论点赞收藏-->
                    <div>
                        <ul class="detailFiconList detailFiconListB">
                            <li><img  ng-click="detailAddPrase()" src={{detailAddPraseImag}}>
                                <p>{{detailData.countPraise}}赞</p>
                            </li>
                            <li><img ng-click="detailAddStor()" src="{{detailAddStorImag}}">
                                <p>收藏</p>
                            </li>
                            <li href="{{detailData.shareUrl}}" style="position: relative" class="bdsharebuttonbox detailShareBoxs" data-tag="share_1">
                                <a class="bds_more" data-cmd="more" data-tag="tag"><img src="static/17.png"></a>
                                <p>分享</p>
                            </li>
                        </ul>
                    </div>
                    <div ng-include="'tpl/components/artDetail.html'"></div>
                    <div ng-include="'tpl/components/comment.html'"></div>
                </div>
                <div class="conAside conGroomConti" style="background: #ffffff;padding-bottom: 0.2rem">
                    <div ng-include="'tpl/components/groom.html'"></div>
                </div>
            </div>
        </div>
        <!--首页推荐不存在-->
        <div ng-if="modules.length==0" class="wrap">
            <div class="detailContes contentsBg" style="overflow: hidden;">
                <div class="conWidth" style="background: #ffffff;padding: 0 0.2rem;width: 100%">
                    <!--头部-->
                    <div class="detailHeaTi">
                        <div class="detailHeaTi-title">{{detailData.title}}</div>
                        <p class="detailHeaTi-con">
                            <span>{{detailData.source}}</span>
                            <span>{{detailData.publishtime}}</span>
                        </p>
                        <div class="detailHeaTi-con-descrip">
                            <p class="detailHeaTi-con-read">阅读（<span style="color:#fc9105 ">{{detailData.countClick}}</span>）</p>
                            <div class="detailHeaTi-con-icon">
                                <p class="detailHeaTi-greOne" ng-click="detaiScalFontSize()"><img src="static/10.png"></p>
                                <p class="detailHeaTi-greTwo" ng-click="detaiScalFontSize()"><img src="static/11.png"><span>{{detailData.countDiscuss}}</span></p>
                            </div>
                        </div>

                    </div>
                    <div><p>"</p><p class="detailDescript">{{detailData.columnDescription}}</p><p style="text-align: right">"</p></div>
                    <!--详情-->
                    <div ng-bind-html="trustHtml"></div>
                    <!--评论点赞收藏-->
                    <div>
                        <ul class="detailFiconList detailFiconListB">
                            <li><img  ng-click="detailAddPrase()" src={{detailAddPraseImag}}>
                                <p>{{detailData.countPraise}}赞</p>
                            </li>
                            <li><img ng-click="detailAddStor()" src="{{detailAddStorImag}}">
                                <p>收藏</p>
                            </li>
                            <li  href="{{detailData.shareUrl}}"><a><img src="static/17.png"></a>
                                <p>分享</p>
                            </li>
                        </ul>
                    </div>
                    <div ng-include="'tpl/components/artDetail.html'"></div>
                    <div ng-include="'tpl/components/comment.html'"></div>
                </div>

            </div>
        </div>
</div>
</div>

<style>
    .detailNews{
        background:#F4F4F4;
    }
    .detailHeaTi{
        padding: 0.2rem 0 0 0;
    }
    .detailHeaTi-title{
        color: #000000;
        font-size: 0.3rem;
    }
    .detailHeaTi-con{
        color: #999999;
        font-size: 0.16rem;
        padding: 0.2rem 0;
        border-bottom:1px solid #e3e3e3;
    }
    .detailHeaTi-con-read{
        color: #999999;
        font-size: 0.16rem;

    }
    .detailHeaTi-con-descrip{
        overflow: hidden;
        padding: 0.2rem 0 0 0;
    }
    .detailHeaTi-con-read{
        float: left;
    }
    .detailHeaTi-con-icon{
        float: right;
        overflow: hidden;
    }
    .detailHeaTi-con-icon p{
        float: left;
    }
    .detailHeaTi-greOne{
        margin-right: 0.18rem;
    }
    .detailHeaTi-con-icon span{
        color: #999999;
        font-size: 0.14rem;
    }
    .detailDescript{
        padding: 0.3rem;
        color: #666666;
        font-size: 0.16rem;
    }
    .detailContes{
        padding:0 0.2rem 0.2rem 0.2rem;
    }
    @media only screen and (min-width: 30.2rem){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }
        .detailContes{
            padding:0;
        }
    }
    @media only screen and (min-width: 640px){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }
        .detailContes{
            padding:0;
        }
        .multiBoxDescr{
            height: 1.6rem;
            position: relative;
        }
    }
    @media only screen and (min-width: 768px){
        .mianConLeft{
            width: 100%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 100%;
        }
        .detailContes{
            padding:0;
        }
    }
    @media only screen and (min-width: 1024px){
        .mianConLeft{
            width: 65%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 33%;
        }
        .detailContes{
            padding:0;
        }
    }
    @media only screen and (min-width:1366px){
        .mianConLeft{
            width: 65%;
            padding: 0 0.05rem;
        }
        .conGroomConti{
            width: 33%;
        }
        .detailContes{
            padding:0;
        }
    }


</style>

<script>
    aa="dddd"
    window._bd_share_config = {
        common : {
            bdText : 'ssssdggss',
            bdDesc : 'ddd',
            bdUrl : aa,
            bdPic : 'ddd',
        },
        share : [{
            "bdSize" : 16
        }],
        slide : [{
            bdImg : 0,
            bdPos : "right",
            bdTop : 100
        }],
        image : [{
            viewType : 'list',
            viewPos : 'top',
            viewColor : 'black',
            viewSize : '16',
            viewList : ['qzone','tsina','huaban','tqq','renren','sqq']
        }],
        selectShare : [{
            "bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf','sqq']
        }]
    }
    with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>
